<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>QuizMe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/signup.js"></script>
    <script src="../js/simpleajax.js"></script>
    <link href="../include/bootstrap/css/bootstrap.css" rel="stylesheet">

    <link href="../css/login.css" rel="stylesheet">
    <link href="../css/close.css" rel="stylesheet">
</head>

<body>

    <body class="is-preload">
        <div id="page-wrapper">
            <!-- Header  导航栏 -->
            <header id="header">
                <nav id="nav" class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">QuizMe</a>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="../index.html">Home</a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" href="../html/choose.html" style="text-decoration: none">Quiz
                                    Now</a>
                            </li>

                            <li id="login" class="nav-item">
                                <a class="nav-link" href="../html/login.html" style="text-decoration: none">Login
                                    Now</a>
                            </li>
                        </ul>
                    </div>

                </nav>
            </header>
            <div class="container" style="margin-top: 20px;">
                <form class="form-horizontal col-sm-offset col-md-offset-3">
                    <h2 class="form-title">Sign up</h2>
                    <div>
                        <div class="form-group">
                            <label>UserName</label>
                            <!-- <p class="attention"> 4~10 characters, including letters and digits and cannot start with a number</p> -->
                            <input class="form-control" type="text" id="userName" name="userName"
                                placeholder="4~10 characters, letters and digits">
                            <!-- <span id="userNameShow"></span> -->
                        </div>
                        <div class="form-group">
                            <label>Password</label>
                            <!-- <p class="attention">5~10 characters</p> -->
                            <input class="form-control" type="password" id="pwd1" name="pwd1"
                                placeholder="5~10 characters">
                            <!-- <span id="pwdShow1"></span> -->
                        </div>
                        <div class="form-group">
                            <label>Repeat password</label>
                            <input class="form-control" type="password" id="pwd2" name="pwd2"
                                placeholder="Confirm the password">
                            <!-- <span id="pwdShow2"></span> -->
                        </div>
                        <button class="btn btn-primary form-control" type="button" id="submit_reg">Sign up</button>
                        <button class="btn btn-secondary form-control" type="reset">Reset</button>
                    </div>
                </form>
            </div>
    </body>
    <div id="footer">
        Tianjin University TIEI &copy; 2023
    </div>
</body>

</html>